imports:
  - charts-radar.yaml
  - charts-bar.yaml
  - charts-bubble.yaml
  - charts-doughnut.yaml
  - charts-line.yaml
  - charts-pie.yaml
  - charts-polararea.yaml
  - charts-scatter.yaml

docs:
  dochub.charts.examples.common:
    description: Общий подход настройки диаграммы
    author: V.Markin
    # тип диаграммы
    type: chart-radar
    labels:
      - доступность
      - производительность
      - надежность
    # размер диаграммы
    size: 600
    # настройки диаграммы. см. chart.js
    options:
      elements:
        line:
          borderWidth: 7
    source:
      # Метки (даже их часть) можно получать из source
      labels:
        - сопровождаемость
        - обслуживаемость
        - безопасность
      # Настройки (даже их часть) можно получать из source
      options:
        scales:
          r:
            min: 0
            max: 150
      # массив датасетов для заполнения диаграмм
      datasets:
        - label: Система 1
          # если поле заполнено, то применяются настройки представления датасета по-умолчанию,
          # но их можно переопределить. Детализацию по свойствам см. chart.js
          color: rgb(179,181,198)
          # переопределяем цвет точек
          pointBackgroundColor: green
          # данные диаграммы
          data:
            - 65
            - 59
            - 90
            - 81
            - 56
            - 55
        - label: Система 2
          # color не определён, устанавливаем представление датасета вручную
          backgroundColor: rgba(255,99,132,0.2)
          borderColor: rgba(255,99,132,1)
          pointBackgroundColor: rgba(255,99,132,1)
          pointBorderColor: '#fff'
          pointHoverBackgroundColor: '#fff'
          pointHoverBorderColor: rgba(255,99,132,1),
          fill: false,
          data:
            - 28
            - 48
            - 40
            - 19
            - 96
            - 27
